/*公共样式*/
body, div, p, iframe, ul, li, ol, dl, dt, dd, li, dl, h1, h2, h3, h4, table, th, td, input, button, select, textarea {
	margin: 0;
	padding: 0;
}

body,button,input,select,textarea {
	/* color: #333; */
	/*color: #002E60;*/
	font-size: 12px;
}

/* body{ min-width: 1410px;} */
body{ min-width: 100%;}


/*字体*/
/* @font-face {
    font-family: 'Politica';
    src:url('../fonts/Politica/Politica.ttf'); 
    src:url('../fonts/Politica/Politica.eot?
		iefix') format('embedded-opentype'), 
	    url('../fonts/Politica/Politica.woff') format('woff'),;
	    url('../fonts/Politica/Politica.woff2') format('woff2'),  
	    url('../fonts/Politica/Politica.ttf') format('truetype'), 
	    url('../fonts/Politica/Politica/Politica.svg#SingleMaltaRegular') format('svg'); 
    font-weight: normal; 
    font-style: normal;
} */


button {
	cursor: pointer;
}

button:active {
	opacity: 0.8;
	/*透明度*/
	filter: alpha(opacity=80);
 	/* IE */
	-moz-opacity: 0.8;
 	/* 内核Mozilla */
	-khtml-opacity: 0.8;
 	/* 内核Safari */
}

input,button,select,textarea {
	outline: none;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}


h1, h2, h3, h4 {
	font-weight: normal;
}

li {
	list-style-type: none;
}

em,i {
	display: block;
	font-style: normal;
}

img {
	border: none;
	vertical-align: middle;
}

a {
	position: relative;
	color: #333;
	color: white;
	text-decoration: none;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	transition: 0.4s;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0.05);
}



img {
	border: none;
	vertical-align: middle;
}

/*浮动*/
.ui-left {
	float: left;
}

.ui-right {
	float: right;
}

/*清除浮动*/
.clearfloat {
	clear: both;
}

.clearfix {
	zoom: 1;
}

.clearfix:after {
	clear: both;
	display: block;
	visibility: hidden;
	overflow: hidden;
	height: 0;
	content: '.';
	line-height: 0;
}

.rel{
	position: relative;
}

/*超出省略号*/
.ellipsis {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ellipsis-2 {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.ellipsis-3 {
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
}
/*字体颜色*/
.red {
	/* color: #f54c18; */
	color: #002E60;
}

.orange {
	/* color: #f54c18; */
	color: #002E60;
	
}

.green {
	/* color: #3d8d36; */
	color: #002E60;
}

.blue{ color: #00aaee;}

.en {
	font-family: verdana;
}

.cl-f90 {
	/* color: #f90; */
	color: #002E60;
}

.c48 {
	/* color: #484848; */
	color: #002E60;
}

.c6 {
	/* color: #666; */
	color: #002E60;
}

.c8 {
	/* color: #888; */
	color: #002E60;
}

.c9 {
	/* color: #999; */
	color: #002E60;
}
/*圆角*/
.radius-3 {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

/*阴影*/
.shadow {
	/* -webkit-box-shadow: 2px 2px 10px #9d9c9c; */
	-webkit-box-shadow: 2px 2px 10px #002E60;
  /* for safari or chrome */
	/* -moz-box-shadow: 2px 2px 10px #9d9c9c; */
	-moz-box-shadow: 2px 2px 10px #002E60;
  /* for firefox */
	box-shadow: 2px 2px 10px #9d9c9c;
  /* for opera or ie9 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
  /* For IE 8 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
  /* For IE 5.5 - 7 */
}

.center {
	text-align: center;
}

/*字体大小*/
.f12 {
	font-size: 12px;
}

.f14 {
	font-size: 14px;
}

.f16 {
	font-size: 16px;
}

.f18 {
	font-size: 18px;
}

.f20 {
	font-size: 20px;
}

.f22 {
	font-size: 22px;
}

.f24 {
	font-size: 24px;
}

.f28 {
	font-size: 28px;
}

.f30 {
	font-size: 30px;
}

.bold {
	font-weight: 700;
}

/*公用3像素圆角*/
.radius {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

/*主体通用宽度*/
.w {
	margin: 0 auto;
	width: 1200px;
}

.w1280{
	margin: 0 auto;
	width: 1280px;
}


/*弹框背影*/
.g-mian-bg {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 99;
	display: none;
	background: #000;
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter: alpha(opacity=60);
}

/*头部*/
.header-mian {
	height: 70px;
	overflow: hidden;
	background-color: white;
}

.header {
	height: 70px;
}

.header .logo {
	float: left;
	overflow: hidden;
	width: 210px;
	height: 38px;
	/* background: url(../images/logo.png); */
	text-indent: -999px;
	margin-top: 22px;
}
.header .logo-r {
	float: left;
	margin: 5px 0 0 0px;
}

/*快捷方式*/
.shortcut {
	color: #002E60;
	margin-top: 10px;
}

.shortcut a {
	/* color: #fff; */
	color: white;
}

.shortcut a:hover {
	/* color: #fff; */
	color: white;
	text-decoration: underline;
}

.shortcut li {
	float: left;
}

.shortcut li .line {
	float: left;
	margin-top: 10px;
	width: 1px;
	height: 13px;
	/* background-color: #ea4d5a; */
	background-color: #002E60;
}

.shortcut li .dt {
	padding: 0 5px;
	font-size: 30px;
}

.shortcut li.spacer {
	overflow: hidden;
	margin: 3px 5px 0;
	width: 1px;
	height: 13px;
	background-color: #002E60 ;
}

.shortcut .ttbar-login a {
	margin-right: 8px;
}

.shortcut .ttbar-login .prizeIcon {
	float: left;
	margin: 2px 5px 0 0;
	width: 15px;
	height: 15px;
	/* background: url(../images/prize-icon.png); */
}

/*导航*/

.navitems{ position: relative; z-index: 10; }
.navitems-scroll{ width: 100%; height: 46px; top: 0; left: 0; right: 0; position: fixed; z-index: 100; background-color: white; box-shadow: 1px 1px 2px rgba(0,0,0,0.25);}

.nav {
	height: 46px;
	background-color: white;
	line-height: 46px;
	margin-top: 10px;
}

.nav .nav-list li.spacer {
	overflow: hidden;
}

.nav .nav-list li a {
	display: block;
}


.nav .nav-list li a.over {
	background-color: #cf4a09;
}

/* .nav .nav-list li a:hover:after,.nav .nav-list li a.over:after {
	position: absolute;
} */
.nav-box {
	position: relative;
	z-index: 9;

}


.nav-box ul li {
	float: left;
}

.nav-box ul li.spacer {
	display: none;
	overflow: hidden;
	margin: 11px 0;
	width: 1px;
	height: 17px;
	background-color: white;
	line-height: 0;
}

.nav-box ul li a.cur {
	color: white;      /* //#002E60 */
	font-weight: 500;
	font-size: 20px;
	background-color: #002E60;
}

.nav-box ul li a {
	font-family: "微软雅黑";
	font-size: 18px;
	display: block;
	padding: 0 20px;
	color: #002E60;
	line-height: 46px;
	-webkit-transition: 0;
	-moz-transition: 0;
	transition: 0;
}

.nav ul li a font{
	/* font-size: 13px; */
	/* font-size: 15px; */
}


.nav-box ul li a:hover {
	/* color: #002E60; */
	text-decoration: none;
	font-weight: 500;
	font-size: 20px;
	color: white;
	/* background-color: #002E60; */
}

.nav-box ul li.last {
	padding-top: 1px;
	font-size: 12px;
	/* font-family: \5b8b\4f53; */
}

.nav-box ul li.last a {
	color: #a2a2a1;
}

.nav-box .nav-line {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 52px;
	height: 46px;
	/* background-color: #f54c18; */
	background-color: #002E60;/* 导航栏移动背景色 */
	font-size: 0;
	line-height: 40px;
}

/* .nav-box .nav-line:after {
	position: absolute;
	right: 0;
	bottom: -5px;
	left: 0;
	z-index: 99999;
	margin: auto;
	width: 0;
	height: 0;
	background-color: #002E60;
	color: white;
	content: '';
} */


.nav .navigation {
	height: 46px;
	border-radius: 5px;
	overflow: hidden;
}

.nav .navigation li {
	position: relative;
	padding: 0 20px;
	float: left;
	/* color: #11559D; */
	background-color: deepskyblue;
}

.nav .navigation li a {
	display: block;
}

.nav .navigation li .login .user-ico {
	display: inline-block;
	vertical-align: middle;
	width: 21px;
	height: 23px;
	/* background: url(../images/user@icon.png); */
}

.nav .navigation li .spacer {
	position: absolute;
	right: 0;
	top: 50%;
	z-index: 9;
	margin-top: -8px;
    width: 1px;
    padding: 0;
    height: 16px;
    background-color: black;//
}

/* .nav .navigation li .login:after {
	display: none;
	float: right;
	z-index: 99999;
	width: 0;
	height: 0;
	border-left:4px solid #fff;
	border-top:4px solid transparent;
	border-bottom:4px solid transparent;
	content: '';
	margin: 20px 0 0 5px;
} */



.nav .navigation li i {
	float: left;
	margin: 10px 5px 0 0;
	-webkit-transition: 0.2s;
	-webkit-transition: -webkit-transform 0.2s ease-out;
	-moz-transition: -moz-transform 0.2s ease-out;
	transition: transform 0.2s ease-out;
}

.nav .navigation li:hover i {
	-webkit-transform: rotateZ(360deg);
	-moz-transform: rotateZ(360deg);
	transform: rotateZ(360deg);
}

.nav .navigation li .dt{
	color: white;/* 登录字体颜色 */
}

/* 登录 */
.userInfo{
	height: 46px;
	/* border-radius: 5px;
	overflow: hidden; */
	font-size: 17px;
	line-height: 46px;
	float: right;
}
/* 个人账号后三角 */
.userTran{
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 2px;
	vertical-align: middle;
	border-top: 5px solid #666;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	-webkit-transition: all .2s ease;
}

/* 鼠标悬浮后转动180度 */
.userInfo:hover .userTran{
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

.userMenu{
	display: none;
}
.userInfo:hover .userMenu{
	display: block;
	background-color: white;
	text-align: center;
	line-height: 30px;
	/* text-underline: inherit; */
}
.userMenu li:hover{
	background-color: lightgray;
	/* color: white; */
}


.nav .navigation li span p {
	line-height: 1;
}

.nav .navigation li .shopping-cart .user-ico {
	position: relative;
	display: inline-block;
	width: 23px;
	height: 23px;
	/* background: url(../images/shopping-cart@icon.png); */
}

.nav .navigation li .shopping-cart .badge{
    position: absolute;
    top: 0;
    left: 18px;
    z-index: 100;
    height: 10px;
    min-width: 10px;
    padding: 5px;
    text-align: center;
    font-size: 12px;
    line-height: 10px;
    color: #fff;
    vertical-align: top;
    background-color: #fe0000;
    border-radius:10px;
}


/*页面大盒子*/
.g-mian {
	overflow: hidden;
	background-color: #f2f2f2;
}

.g-mian2 {
	overflow: hidden;
	background-color: #f4f7fa;
}
/*四大优势*/
.four-guarantee {
	background-color: #fff;
	border-top:1px solid #eaeaea ;
}

.four-guarantee .guarantee-box {
	padding: 40px 0;
}

.four-guarantee .guarantee-box li {
	float: left;
	width: 293px;
	margin-right: 35px;
	height: 60px;
	border-right: 1px solid #f1f1f1;
	-webkit-transition: All 0.3s ease-in-out;
	-moz-transition: All 0.3s ease-in-out;
	-o-transition: All 0.3s ease-in-out;
	transition: All 0.3s ease-in-out;
}

.four-guarantee .guarantee-box li:hover {
	color: #f54c18;
	-webkit-transform: translate(0,-8px);
	-moz-transform: translate(0,-8px);
	-o-transform: translate(0,-8px);
	transform: translate(0,-8px);
	-ms-transform: translate(0,-8px);
}

.four-guarantee .guarantee-box li:last-child {
	border-right: 0;
	margin-right: 0;
}

.four-guarantee .guarantee-box li .jp-ico {
	float: left;
	margin-right: 15px;
}
.four-guarantee .guarantee-box li p{ margin-top: 2px;}


/*底部版权*/
.footer{
	border-top: 4px solid #002E60;
	background-color: #2b2b2b;
	/* background-color: #F6F6F6; */
	padding: 30px 0px 0px 0px;
	color: #fff;
}

.footer .copyright-group1{
	overflow: hidden;
}
.footer .copyright-group1 .foot-nav-sidebar{ float: left; width: 630px;/* margin-left: 70px; */ border-right:1px solid #434343 ;height: 160px;}
.footer .copyright-group1 .foot-nav-sidebar .item{ float: left; width: 155px; color: #fff; margin: 0 45px 0 0 ;}
.footer .copyright-group1 .foot-nav-sidebar .item dt{ margin-bottom: 15px;}
.footer .copyright-group1 .foot-nav-sidebar .item dd{ margin-top: 6px;}
.footer .copyright-group1 .foot-nav-sidebar .item a{ color: #a7a7a7;}
.footer .copyright-group1 .foot-nav-sidebar .item a:hover{ color: #fff; text-decoration: underline;}

.footer .copyright-group1 .foot-tel-center{ float: left; width: 440px; margin-left: 100px; }
.footer .copyright-group1 .foot-tel-center em{ margin: 12px 0;}
.footer .copyright-group1 .foot-tel-center p{ margin-bottom: 4px;}

.footer .copyright-group1 .foot-ewm-right{ float: right; width: 122px;}
.footer .copyright-group1 .foot-ewm-right p{ margin-top: 5px;}

.footer .copyright-group2{ margin-top: 20px; padding: 12px 0; /* border-bottom: 1px solid #434343; */border-top: 1px solid #434343;}
.footer .copyright-group2 .Rz-item{ float: left; margin-right: 50px;}
.footer .copyright-group2 .Rz-item .dt{ float: left; line-height: 36px;}
.footer .copyright-group2 .Rz-item a{ float: left; margin-left: 10px;}

/* .footer .copyright-group3{ margin-top: 20px;}
.footer .copyright-group3 p{ margin-bottom: 8px;} */


/*网上咨询*/
.Online-consulting {
	position: fixed;
	top: 50%;
	right: 0;
	z-index: 999;
	margin-top: -120px;
	width: 50px;
}

.Online-consulting ul {
	width: 54px;
}

.Online-consulting ul li {
	position: relative;
	margin-bottom: 2px;
	width: 50px;
	height: 50px;
	/* background-color: #555961; */
	background-color: #0050B2;
	/* background:rgba(0,0,0,0.6); */
	/* border-radius: 10px; */
}

.Online-consulting ul li a {
	position: relative;
	display: block;
	color: #666;
}
.Online-consulting ul li :hover{
	background-color: #002E60;
	/* background-color: white; */
	/* border-radius: 10px; */
}
.Online-consulting ul li .hide{
	position: absolute;
	left: 50px;
	top:0;
	width: 170px;
	z-index: -1;
	/* background-color: #252931; */
	background-color: #002E60;
	border-radius: 3px;
	color: #fff;
	opacity:0;
}

.Online-consulting ul li .qq{
	padding: 14px 0 13px 10px;
	overflow: hidden;
}
.Online-consulting ul li .qq i{
	display: inline-block;
	vertical-align: middle;
	margin-top: -2px;
}
.Online-consulting ul li .tel{
	line-height: 1;
	padding: 18px 0 18px 10px;
}

.Online-consulting ul li .ewm{
	padding: 20px 20px;
    float: left;
    /* background-color: #252931; */
    background-color: #002E60;
    margin-right: 1px;
	
}

.Online-consulting ul li .ewm p{
	margin-top: 10px;
}

/*翻页*/
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 10px 18px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #777;
  background-color: #fff;
  border: 1px solid #ddd;
  margin-left: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #23527c;
  background-color: #eeeeee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  background-color: #f54c18;
  border-color: #f54c18;
  cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777;
  background-color: #fff;
  border-color: #ddd;
  cursor: not-allowed;
}

/*公用弹框*/
.pop-up{     
	display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 1000;
    height: 100%;
    width: 100%;
    animation: poupFadIn 0.5s ease 0s 1;
    outline: none;
}
.pop-up .box {
	position:absolute;
	top: 50%;
	right: 0;
	left: 0;
	z-index: 999;
	margin: auto;
	margin-top: -200px;
	width: 450px;
	border: 9px solid #b4b4b4;
	background-color: #fff;
}

.pop-up .box h4 {
	padding: 0 15px 0 20px;
	height: 35px;
	border-bottom: 1px solid #d9d9d9;
	background-color: #eaeaea;
	line-height: 35px;
}

.pop-up .box h4 .close {
	cursor: pointer;
}

.pop-up .box .increase-invoice-body {
	padding: 20px 20px;
	text-align: justify;
}

.pop-up .box .increase-invoice-body .txt{
	font-size: 14px;
	padding: 20px 0;
	text-align: center;
}

.pop-up .box .increase-invoice-body .operation {
	padding: 20px 0 15px;
}
.pop-up .box .increase-invoice-body .operation button{ margin: 0 3px;}
.pop-up .box .increase-invoice-body .operation .submit {
	padding: 8px 40px;
	border: 0;
	background-color: #f54c18;
	color: #fff;
	font-weight: bold;
}
.pop-up .box .increase-invoice-body .operation .cancel {
	padding: 8px 40px;
	border: 0;
	background-color: #e3e3e3;
	color: #484848;
}

.pop-up .box .increase-invoice-body .operation .submit:hover {
	background-color: #ff6000;
}



/*订单消息提醒弹框 */
.order-information-pup{ position: fixed; right: 50px; bottom: 0; z-index: 9999; width: 295px; background-color: #fff;}
.order-information-pup .hd{ overflow: hidden; background-color: #e83e00; height: 36px; line-height: 36px; color: #fff; padding: 0 15px; border-top-left-radius: 3px; border-top-right-radius: 3px;}
.order-information-pup .hd .more{ float: right; cursor: pointer; }
.order-information-pup .hd .more span.add{ display: block; font-size: 20px; line-height: 14px; margin: 10px 0;}
.order-information-pup .hd .more span.red{ display: block; font-size: 35px; line-height: 14px; margin: 9px 0;}
.order-information-pup .hd .more span.ignore{}

.order-information-pup .hd i{ overflow: hidden; display: inline-block; vertical-align: middle; height: 16px; line-height: 17px; background-color: #fff; border-radius: 16px; color: #e83e00; padding: 0 4px; margin: -2px 0 0 3px;}
.order-information-pup .bd{ padding: 12px 5px 12px 12px; border: 1px solid #e83e00;}
.order-information-pup .bd .list{ height: 350px; overflow-y:auto; padding-right: 5px;}

.order-information-pup .bd .list::-webkit-scrollbar {/*滚动条整体样式*/
        width: 5px;     /*高宽分别对应横竖滚动条的尺寸*/
        height: 1px;
        border-radius: 5px;
        overflow: hidden;
    }
.order-information-pup .bd .list::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
        border-radius: 5px;
         -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);
        background: #d1d1d1;
         overflow: hidden;
    }
.order-information-pup .bd .list::-webkit-scrollbar-track {/*滚动条里面轨道*/
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);
        border-radius: 5px;
        background: #EDEDED;
    }
    
.order-information-pup .bd .list ul li{ margin-bottom: 15px;}
.order-information-pup .bd .list .item .dt{ margin-bottom: 3px;}
.order-information-pup .bd .list .item .dt span{ margin-right: 3px; color: #666;}
.order-information-pup .bd .list .item .dt span.unread{ color: #e83e00;}
.order-information-pup .bd .list .item .txt{ background-color: #ebebeb; padding: 10px 12px; border-radius: 6px; text-align: justify; color: #888;}
